﻿        
        /* Alternate Styles for Hovering Effects on Button */
        
        
       .Tesla_Standard_DropDownList
       {
            font-family: Arial;
            font-size: 11px;
            color: #00338D;
           
           
           }
        
        .Tesla_Standard_Button
        {
            border: 1px outset #98C6F3;
            background-color: #E0EEFB;
            color: #00338D;
            font-weight: bold;
            font-family: Arial;
            font-size: 11px;
            height: 20px;
            filter:progid:DXImageTransform.Microsoft.Gradient   
            (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#98C6F3');
            border-color:#98C6F3;
            border-width:1px;
            border-style:double;
              
        }
        body
		{
			margin:0;
		}
       /*  .Tesla_Standard_Button:hover
        {
            border: 1px outset #98C6F3;
            background-color: #E0EEFB;
            color: #00338D;
            font-weight: bold;
            font-family: Arial;
            font-size: 11px;
            height: 20px;
            cursor:pointer;
            filter:progid:DXImageTransform.Microsoft.Gradient   
            (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#FA9A00');  
        }*/
         /* Alternate Styles for Hovering Effects on Button */
        
        /*html
        {
            filter:progid:DXImageTransform.Microsoft.Gradient   
            (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CAE2FA')
        }*/
                
        .Tesla_Standard_DropDownList
        {
            color: #002664;
            font-weight: normal;
            font-family: Arial;
            font-size: 11px;
   
        }
       /*   input
        {
            background-color:#EFF2FA; 
            filter:progid:DXImageTransform.Microsoft.Gradient   
            (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#E0EEFB');
        } 
            
            
           
         option
        {
            background-color:#EFF2FA;
        }
        textarea
        {
            background-color:#EFF2FA;
            filter:progid:DXImageTransform.Microsoft.Gradient   
            (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#E0EEFB');
        }*/
    
        
    
      /* img
       {
           
            filter:alpha(opacity=75);


       }
        img:hover
       {
            
            border:solid 2px #E0EEFB;
            filter:alpha(opacity=100);

       }*/
       
        
.Button_new
{
    background-color:#98C6F3;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    color:#002664;
    border-color:#98C6F3;
    border-width:1px;
    border-style:groove;
    

}

        .Tesla_Standard_Label
        {
            color: #002664;
            font-weight: bold;
            font-family: Arial;
            font-size: 11px;
        }
        .Tesla_Standard_TextBox
        {
            color: #002664;
            font-weight: normal;
            font-family: Arial;
            font-size: 11px;
            border-color: #B2B2B2;
        }
        .Tesla_Standard_grid
        {
            color: #002664;
            font-weight: normal;
            font-family: Arial;
            font-size: 11px;
            border-color: #B2B2B2;
        }
         .Tesla_Standard_PanelHeading
        { 
           
            color:#002664;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial;
        }
        .Tesla_Standard_BigPanelHeading
        { 
           
            color:#002664;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial;
        }
      
        .Tesla_Pic
        {
        filter:alpha(opacity=60);
}
        
        .Tesla_Standard_Table
        {
           
            font-size: 18px;
            font-weight: normal;
            font-family: Arial;
        }
        .Tesla_Standard_Links
        {
            color: #002664;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial;
        }
        .Tesla_Standard_TD
        {
            color: #00338D;
            font-size: 18px;
            font-weight: normal;
            font-family: Arial;
        }
        .Tesla_Standard_TR
        {
            color: #00338D;
            font-size: 18px;
            font-weight: normal;
            font-family: Arial;
        }
        .Tesla_Standard_HeaderStyle
        {
            color: #00338D;
            font-size: 11px;
            font-weight: bold;
            font-family: Arial;
        }
        .Tesla_Standard_HyperlinkStyle
        {
            color: #00338D;
            font-size: 11px;
            font-weight: bold;
            font-family: Arial;
        }
        
        .textboxStyle:hover 
        { 
            Border-Style : Solid ; 
            Border-Width : 1px ; 
            border-color : Navy ; 
        } 
        TD.headerNavigation 
        {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #9c98c9; 
color: #000000; 
font-weight : bold;
}

.Tesla_CompetencyControl_HtmlTable
{
   /*background-color:#53868B;*/
   background-color:White;
      padding:[0px] [0px] [0px] [0px];
  border:solid 1px #FFFFFF;
  
   
}
.Tesla_image
{
    border-style : Solid ; 
   /* border-Width : 1px ; 
    border-color : Navy ; */
}




Tesla_CompetencyNameColumn_New
{font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664;
 
 background-color:Red;
/* border:solid 1px #53868B;*/
 padding:[0px] [0px] [0px];
    }
 
 .Tesla_CompetencyNameColumn
 {
 font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664;
  
 background-color:#C1DDF8;
 border:solid 1px #53868B;
 padding:[0px] [0px] [0px];
 
 }
 
 
  .Tesla_SkillLevelRow
 {
 font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#FFFFFF; 
 background-color:#1f497d;
 border:solid 1px #53868B;
 padding:[0px] [0px] [0px];
 
 }
 
  .Tesla_As-Is
  {
 font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664;

 background-color:#BDFCC9;
 border:solid 1px #53868B;
 padding:[0px] [0px] [0px] [0px];
  }
 
 .Tesla_To-Be
 {
 font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664; 
 
 background-color:#228B22;
 border:solid 1px #53868B;
 padding:[0px] [0px] [0px] [0px];
 }
 
 
 .Tesla_Rest
 {
 background-color:#FFFFFF;
 color:White;
 /*border:solid 1px #53868B;*/
 
 padding:[0px] [0px] [0px] [0px];
 }
 
 .Tesla_BlankTr
 {
 font-family:Arial;
 font-size:11px;
 font-weight:bold;
 color:#002664;
 background-color:#FFFFFF;
 border-top:solid 1px #FFFFFF;
 border-left:solid 1px #FFFFFF;
 border-right:solid 1px #FFFFFF;
 border-bottom:solid 1px #FFFFFF;
 padding:[0px] [0px] [0px] [0px];
 width:100%;
 border:solid 1px #FFFFFF;
 }
 
 .Tesla_Both
 {
     font-family: arial;
      font-size: 12px; 
     
      font-weight: bolder;
      border:solid 1px #53868B;
      filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#C1FFC1,endColorStr=#228B22);
   }
   
    .Tesla_AsIs_new
    {
                font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664;
       
                  /*border-width:0px;
          border: 0px;*/
         background-color:#E7BE56;
      padding:[0px] [0px] [0px] [0px];
        }
    
    
    .Tesla_ToBe_new
 {
 font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:white;
 
 /*border-width:0px;
 border: 0px;*/
 background-color:#3B6AA0;
  padding:[0px] [0px] [0px] [0px];
 }
    
    
   .Tesla_List
   {
     font-family:Arial;
     font-size:11px;
     color:#002664;
     background-color:#FFFFFF;
     border:solid 1px #53868B;
     padding:[0px] [0px] [0px] [0px]  ;
       
       }
          .Tesla_Update
   {
     font-family:Arial;
     font-size:11px;
    font-weight:lighter;
     color:#7E262E;
     background-color:#FFFFFF;
     border:solid 1px #53868B;
     padding:[0px] [0px] [0px] [0px]  ;
       
       }
       
       
       .Tesla_PreviousWizard
       {
           display:none;
       }
         .Tesla_LinkA
         {
    font-size :11px;
    font-family:Arial;
    line-height:14px;
    color: #007C92;
    text-decoration :underline;
    
    }
    .Tesla_Error
 {
         border: 4px solid #9E3039;
         height :100px;    
         filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFC1C1,endColorStr=#F08080);
         
       }
  .Tesla_UpdateHeader
         {
     font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#F0F8FF;
 background-color:#33A1C9;
 border:solid 1px #53868B;
 padding:[0px] [0px] [0px];
    
    }
    
     .Tesla_UpdateColumn
         {
    font-family:Arial;
 font-weight:bold;
 font-size:11px;
 color:#002664;
 background-color:#C1DDF8;
 border-left:solid 1px #C1DDF8;
 border-right:solid 1px #53868B;
 padding:[0px] [0px] [0px];
    
    }

/* This part of the Style is for showing Timeout Div*/
#modalPage
        {
            display: none;
            position: absolute;
            width: 1000px;
            height: 750px;
            top: 0px;
            left: 0px;
        }
        .modalBackground
        {
            filter: Alpha(Opacity=90);
            -moz-opacity: 0.4; /*Mozila not a requiremnt-still*/
            opacity: 0.9;
            width: 100%;
            height: 100%;
            background-color: #999999;
            position: absolute;
            z-index: 500;
            top: 0px;
            left: 0px;
        }
        .modalContainer
        {
            position: absolute;
            width: 250px;
            left: 50%;
            top: 50%;
            z-index: 750;
        }
        .modal
        {
            background-color: white;
            border: solid 4px black;
            position: relative;
            top: -150px;
            left: -150px;
            z-index: 1000;
            width: 250px;
            height: 120px;
            padding: 0px;
        }
        .modalTop
        {
            width: 242px;
            background-color: #000099;
            padding: 4px;
            color: #ffffff;
            text-align: right;
            height: 10px;
        }
        .modalTop a, .modalTop
        {
            color: #ffffff;
        }
        .modalBody
        {
            padding: 10px;
        }
        
/* This part of the Style is for showing Timeout Div*/

#container
{
	width: 994px;
	text-align: left;
	margin: 0 auto;
}
#content
{
	width: 994px;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: -2px !important;
	margin-top: -1px;
	height: 100%;
	background-color: #d9e1eb;
}

#tesla-body
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #FFFFFF;
}

#header
{
	position: relative;
	width: 994px;
	height: 135px;
	
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}